import React from 'react';
import {
    Button,
    View,
} from 'react-native';

// 本页面通过调用父页面(PageDefault.js)的navigation实现跳转
export default class PageNaviOuter extends React.Component {
    render() {
        return (
            <View style={{backgroundColor: 'white', }}>
                <View style={{height: 15, opacity: 1}}/>
                <Button
                    title="TabNavigator(标签栏/页卡)"
                    onPress={() => this.props.navigation.navigate('tab')}/>

                <View style={{height: 15, opacity: 1}}/>
                <Button
                    title="DrawerNavigator(侧滑菜单)"
                    onPress={() => this.props.navigation.navigate('drawer')}/>

                <View style={{height: 15, opacity: 0.5}}/>
                <Button
                    title="Stack Navigator(导航栏/栈)"
                    onPress={() => this.props.navigation.navigate('stack', { name: 'Jane' })}/>
            </View>
        );
    }
}
